<template>
<div class="box">
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
  <div>
    <span>黄庆:谁用谁知道</span><i>2019.03.28</i>
  </div>
</div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  name: 'detail',

  created () {
    this.$http.getProductDetail(this.$route.params.id)
      .then(resp => {
        if (resp.data.code === 200) {
          this.comment = resp.data.data.detail
          // console.log(this.comment)
        }
      })
  }
}
</script>

<style scoped lang="scss">
  .detail{
    width:100%;
    box-sizing: border-box;
    padding: 20px;
    img{
      width:100%;
    }
    h2{
      text-align: center;
      margin-top:10px;
      margin-bottom: 10px;
    }
    h3{
      color:red;
      text-align: center;
    }
    .box{
      margin-top:20px;
      display: flex;
      justify-content: space-around;
      button{
        width:20vw;
        height: 10vw;
      }
    }
  }
  i{
    float:right;
  }
</style>
